$(function(){
    var index=0

    $('#start').click(function(){
        //异步传输获得按钮以及服务器相应的内容

        $.ajax({
            type:"POST",
            url:"Do.php",
            dataType:'JSON',
            data:"val="+$(this).val()+"&index="+index,
            async:true,
            success:function(msg){
                $('#start').hide();//隐藏等待
                $('#content').html(msg.button);//更新button
                $('#chat').append(msg.left);//追加聊天信息
                $('input[type="button"]').click(function(){
                    a(index,$(this).val())
                })
            }
        })
        $(this).val("准备中...请稍后");//显示等待
        //用户回复
        $('#chat').append('<div class="receiver"> <div> <img src="1.jpg"></div><div><div class="right_triangle"></div><span>'+$(this).val()+'</span></div></div>')
    })
//复用函数
    function a(index,val){
        ++index;
        if(index>3){
            $('#content').hide();//到底就隐藏button
        }
        $('#chat').append('<div class="receiver"> <div> <img src="1.jpg"></div><div><div class="right_triangle"></div><span>'+val+'</span></div></div>')

        $.ajax({
            type:"POST",
            url:"Do.php",
            dataType:'JSON',
            data:"val="+val+"&index="+index,
            async:true,
            success:function(msg){
                $('#start').hide();
                $('#content').html(msg.button);
                $('#chat').append(msg.left);
                $('input[type="button"]').click(function(){
                    a(index,$(this).val())
                })
            }
        })
        //显示等待
        $('#start').show();
    }




})